<!DOCTYPE html>
<html lang="en">
<head>
<title>Home</title>

<!-- Meta tag Keywords -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--// Meta tag Keywords -->

<!-- css files -->
<link rel="stylesheet" href="css/bootstrap.css"> <!-- Bootstrap-Core-CSS -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" /> <!-- Style-CSS --> 
<link rel="stylesheet" href="css/font-awesome.css"> <!-- Font-Awesome-Icons-CSS -->
<link href="css/nav.css" rel="stylesheet" type="text/css" media="all" /> <!-- For-Navigation-CSS -->
<link rel="stylesheet" href="css/smoothbox.css" type='text/css' > <!-- For-Gallery-CSS -->
<!-- //css files -->

<!-- online-fonts -->
<link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i&amp;subset=latin-ext,vietnamese" rel="stylesheet">
<!-- //online-fonts -->
</head>
<body> 
<div class="Main-agile">
<!-- banner -->
	<div class="sub-agile">
		<div class="col-md-4 agile1">
			<!-- navigation section -->
				<section>
					<p>
						<button id="trigger-overlay" type="button">
							<img src="images/menu.png" class="img-responsive" alt="menu">

						</button>
					</p>
				</section>
				<!-- open/close -->
				<div class="overlay overlay-boxes">
					<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="101%" viewBox="0 0 1440 806" preserveAspectRatio="none">
						<path d="m0.005959,200.364029l207.551124,0l0,204.342453l-207.551124,0l0,-204.342453z"/>
						<path d="m0.005959,400.45401l207.551124,0l0,204.342499l-207.551124,0l0,-204.342499z"/>
						<path d="m0.005959,600.544067l207.551124,0l0,204.342468l-207.551124,0l0,-204.342468z"/>
						<path d="m205.752151,-0.36l207.551163,0l0,204.342437l-207.551163,0l0,-204.342437z"/>
						<path d="m204.744629,200.364029l207.551147,0l0,204.342453l-207.551147,0l0,-204.342453z"/>
						<path d="m204.744629,400.45401l207.551147,0l0,204.342499l-207.551147,0l0,-204.342499z"/>
						<path d="m204.744629,600.544067l207.551147,0l0,204.342468l-207.551147,0l0,-204.342468z"/>
						<path d="m410.416046,-0.36l207.551117,0l0,204.342437l-207.551117,0l0,-204.342437z"/>
						<path d="m410.416046,200.364029l207.551117,0l0,204.342453l-207.551117,0l0,-204.342453z"/>
						<path d="m410.416046,400.45401l207.551117,0l0,204.342499l-207.551117,0l0,-204.342499z"/>
						<path d="m410.416046,600.544067l207.551117,0l0,204.342468l-207.551117,0l0,-204.342468z"/>
						<path d="m616.087402,-0.36l207.551086,0l0,204.342437l-207.551086,0l0,-204.342437z"/>
						<path d="m616.087402,200.364029l207.551086,0l0,204.342453l-207.551086,0l0,-204.342453z"/>
						<path d="m616.087402,400.45401l207.551086,0l0,204.342499l-207.551086,0l0,-204.342499z"/>
						<path d="m616.087402,600.544067l207.551086,0l0,204.342468l-207.551086,0l0,-204.342468z"/>
						<path d="m821.748718,-0.36l207.550964,0l0,204.342437l-207.550964,0l0,-204.342437z"/>
						<path d="m821.748718,200.364029l207.550964,0l0,204.342453l-207.550964,0l0,-204.342453z"/>
						<path d="m821.748718,400.45401l207.550964,0l0,204.342499l-207.550964,0l0,-204.342499z"/>
						<path d="m821.748718,600.544067l207.550964,0l0,204.342468l-207.550964,0l0,-204.342468z"/>
						<path d="m1027.203979,-0.36l207.550903,0l0,204.342437l-207.550903,0l0,-204.342437z"/>
						<path d="m1027.203979,200.364029l207.550903,0l0,204.342453l-207.550903,0l0,-204.342453z"/>
						<path d="m1027.203979,400.45401l207.550903,0l0,204.342499l-207.550903,0l0,-204.342499z"/>
						<path d="m1027.203979,600.544067l207.550903,0l0,204.342468l-207.550903,0l0,-204.342468z"/>
						<path d="m1232.659302,-0.36l207.551147,0l0,204.342437l-207.551147,0l0,-204.342437z"/>
						<path d="m1232.659302,200.364029l207.551147,0l0,204.342453l-207.551147,0l0,-204.342453z"/>
						<path d="m1232.659302,400.45401l207.551147,0l0,204.342499l-207.551147,0l0,-204.342499z"/>
						<path d="m1232.659302,600.544067l207.551147,0l0,204.342468l-207.551147,0l0,-204.342468z"/>
						<path d="m-0.791443,-0.360001l207.551163,0l0,204.342438l-207.551163,0l0,-204.342438z"/>
					</svg>
					<button type="button" class="overlay-close">Close</button>
					<nav>
						<ul>
							<li><a href="index.html">Home</a></li>
							<li><a href="#about" class="scroll">About US</a></li>
							<li><a href="#team" class="scroll">Team</a></li>
							<li><a href="#gallery" class="scroll">Gallery</a></li>
							<li><a href="#contact" class="scroll">Contact Us</a></li>
						</ul>
					</nav>
				</div>
				<!-- /open/close -->
			<!-- /navigation section -->
		</div>
			<div class="col-md-4 logo">
				<h1><a href="index.html"><span>technology</span>Solar Power</a></h1>
			</div>
			<div class="col-md-4 ph-agile">
				<p><i class="fa fa-phone" aria-hidden="true"></i><span>+00 28 28 28 85</span></p>
			</div>
			<div class="clearfix"> </div>
	</div>
			<!-- banner-text -->
			<div class="slider">
				<div class="callbacks_container">
					<ul class="rslides callbacks callbacks1" id="slider4">
						<li>
							<div class="w3layouts-banner-top banner">
								<div class="container">
									<div class="agileits-banner-info">
										<h3>SAVING <span>ENERGY</span></h3>
										<p>SAVING THE PLANET</p>
										<h5><a href="#" class="view rew3" data-toggle="modal" data-target="#myModal5"><span class="glyphicon glyphicon-hand-right" aria-hidden="true"></span>Learn More</a></h5>
									</div>	
								</div>
							</div>
						</li>
						<li>
							<div class="w3layouts-banner-top banner-2">
								<div class="container">
									<div class="agileits-banner-info">
										<h3>Solar Energy <span>System</span></h3>
										<p>save 40% On a home</p>
										<h5><a href="#" class="view rew3" data-toggle="modal" data-target="#myModal5"><span class="glyphicon glyphicon-hand-right" aria-hidden="true"></span>Learn More</a></h5>
									</div>	
								</div>
							</div>
						</li>
						<li>
							<div class="w3layouts-banner-top banner-3">
								<div class="container">
									<div class="agileits-banner-info">
										<h3>THE <span>POWER</span></h3>
										<p>OF SUN AT YOUR HOME</p>
										<h5><a href="#" class="view rew3" data-toggle="modal" data-target="#myModal5"><span class="glyphicon glyphicon-hand-right" aria-hidden="true"></span>Learn More</a></h5>

									</div>	
								</div>
							</div>
						</li>
					</ul>
				</div>
				<div class="clearfix"> </div>
				<!-- //banner-text -->
			</div>
			
		<div class="header">
			<div class="col-md-6 w3l_header_left">
				<p><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span> <a href="mailto:info@example.com">info@example.com</a></p>
			</div>
			<div class="col-md-6 w3l_header_right">
				<div class="navbar-right social-icons"> 
					<ul>
						<li><a href="#" class="fa fa-facebook icon-border facebook"> </a></li>
						<li><a href="#" class="fa fa-twitter icon-border twitter"> </a></li>
						<li><a href="#" class="fa fa-google-plus icon-border googleplus"> </a></li> 
						<li><a href="#" class="fa fa-rss icon-border rss"> </a></li>
					</ul>  
				</div>
			</div>
			<div class="clearfix"> </div>
		</div>
</div>

<!-- Modal5 -->
						<div class="modal fade" id="myModal5" tabindex="-1" role="dialog" >
							<div class="modal-dialog">
							<!-- Modal content-->
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal">&times;</button>
											<h4>Solar Power</h4>
											<h5>Lorem ipsum dolor sit amet</h5>
											<img src="images/img2.jpg" alt="blog-image" />
											<span>Lorem ipsum dolor sit amet, Sed ut perspiciatis unde omnis iste natus error sit voluptatem , eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.accusantium doloremque laudantium, totam rem aperiamconsectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span>
									</div>
								</div>
						
							</div>
				       </div>
				<!-- //Modal5 -->

<!-- //banner -->

<!-- main -->

<!-- about -->
<div class="about-w3l" id="about">
	<div class="container">
		<div class="about-main-w3l">
			<div class="about-top-w3l">
			   <h3>About Us</h3>
			   <span>A FEW WORDS ABOUT US</span>
			   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
			</div>
			<div class="about-bottom-w3l">
				<div class="col-md-4 about-grid">
					<div class="about-grid-main">
						<img src="images/a1.png" alt="">
						<h4>ENERGY ANALYSIS</h4>
						<p> Ut enim ad minim veniam, quis nostrud exercitation ullamco</p>
					</div>
				</div>
				<div class="col-md-4 about-grid">
					<div class="about-grid-main">
						<img src="images/a2.png" alt="">
						<h4>NEW SOLUTIONS</h4>
						<p> Ut enim ad minim veniam, quis nostrud exercitation ullamco</p>
					</div>
				</div>
				<div class="col-md-4 about-grid">
					<div class="about-grid-main">
						<img src="images/a3.png" alt="">
						<h4>OUR GRANTS</h4>
						<p> Ut enim ad minim veniam, quis nostrud exercitation ullamco</p>
					</div>
				</div>
			  <div class="clearfix"> </div>
			</div>			
		</div>
	</div>
</div>
<!-- about -->

<!-- team -->
	<div class="team" id="team">
		<div class="container">
			<h3>Our Team</h3>
			<span>Excellent Team Members</span>
			<div class="team-grids">
				<div class="col-md-3 team-grid">
					<div class="pic">
						<div class="stack twisted">	
							<img src="images/t1.jpg" alt=" " class="img-responsive" />
						</div>
						<div class="pic-caption top-to-bottom">
							<h5 class="pic-title">Voluptate</h5>
							<p>repreh qui in voluptate ea.</p>
						</div>
					</div>
					<h4>Peter Parker</h4>
					<p>Departmental Head</p>
					<ul class="social-nav model-3d-0">
						  <li><a href="#" class="facebook">
							  <div class="front"><i class="fa fa-facebook icon-border-2"></i></div>
							  <div class="back"><i class="fa fa-facebook icon-border-2"></i></div></a></li>
						  <li><a href="#" class="twitter"> 
							  <div class="front"><i class="fa fa-twitter icon-border-2"></i></div>
							  <div class="back"><i class="fa fa-twitter icon-border-2"></i></div></a></li>
						  <li><a href="#" class="instagram">
							  <div class="front"><i class="fa fa-google-plus icon-border-2"></i></div>
							  <div class="back"><i class="fa fa-google-plus icon-border-2"></i></div></a></li>
						  <li><a href="#" class="pinterest">
							  <div class="front"><i class="fa fa-rss icon-border-2"></i></div>
							  <div class="back"><i class="fa fa-rss icon-border-2" ></i></div></a></li>
					</ul>
				</div>
				<div class="col-md-3 team-grid">
					<div class="pic">
						<div class="stack twisted">	
							<img src="images/t2.jpg" alt=" " class="img-responsive" />
						</div>
						<div class="pic-caption top-to-bottom">
							<h5 class="pic-title">eumiure</h5>
							<p>repreh qui in voluptate ea.</p>
						</div>
					</div>
					<h4>Michael Loe</h4>
					<p>Manager</p>
					<ul class="social-nav model-3d-0">
						  <li><a href="#" class="facebook">
							  <div class="front"><i class="fa fa-facebook icon-border-2"></i></div>
							  <div class="back"><i class="fa fa-facebook icon-border-2"></i></div></a></li>
						  <li><a href="#" class="twitter"> 
							  <div class="front"><i class="fa fa-twitter icon-border-2"></i></div>
							  <div class="back"><i class="fa fa-twitter icon-border-2"></i></div></a></li>
						  <li><a href="#" class="instagram">
							  <div class="front"><i class="fa fa-google-plus icon-border-2"></i></div>
							  <div class="back"><i class="fa fa-google-plus icon-border-2"></i></div></a></li>
						  <li><a href="#" class="pinterest">
							  <div class="front"><i class="fa fa-rss icon-border-2"></i></div>
							  <div class="back"><i class="fa fa-rss icon-border-2" ></i></div></a></li>
					</ul>
				</div>
				<div class="col-md-3 team-grid">
					<div class="pic">
						<div class="stack twisted">	
							<img src="images/t3.jpg" alt=" " class="img-responsive" />
						</div>
						<div class="pic-caption top-to-bottom">
							<h5 class="pic-title">veleumiure</h5>
							<p>repreh qui in voluptate ea.</p>
						</div>
					</div>
					<h4>Mary Jane</h4>
					<p>Departmental Head</p>
					<ul class="social-nav model-3d-0">
						  <li><a href="#" class="facebook">
							  <div class="front"><i class="fa fa-facebook icon-border-2"></i></div>
							  <div class="back"><i class="fa fa-facebook icon-border-2"></i></div></a></li>
						  <li><a href="#" class="twitter"> 
							  <div class="front"><i class="fa fa-twitter icon-border-2"></i></div>
							  <div class="back"><i class="fa fa-twitter icon-border-2"></i></div></a></li>
						  <li><a href="#" class="instagram">
							  <div class="front"><i class="fa fa-google-plus icon-border-2"></i></div>
							  <div class="back"><i class="fa fa-google-plus icon-border-2"></i></div></a></li>
						  <li><a href="#" class="pinterest">
							  <div class="front"><i class="fa fa-rss icon-border-2"></i></div>
							  <div class="back"><i class="fa fa-rss icon-border-2" ></i></div></a></li>
					</ul>
				</div>
				<div class="col-md-3 team-grid">
					<div class="pic">
						<div class="stack twisted">	
							<img src="images/t4.jpg" alt=" " class="img-responsive" />
						</div>
						<div class="pic-caption top-to-bottom">
							<h5 class="pic-title">reprehquin</h5>
							<p>repreh qui in voluptate ea.</p>
						</div>
					</div>
					<h4>Steven Carl</h4>
					<p>Manager</p>
					<ul class="social-nav model-3d-0">
						  <li><a href="#" class="facebook">
							  <div class="front"><i class="fa fa-facebook icon-border-2"></i></div>
							  <div class="back"><i class="fa fa-facebook icon-border-2"></i></div></a></li>
						  <li><a href="#" class="twitter"> 
							  <div class="front"><i class="fa fa-twitter icon-border-2"></i></div>
							  <div class="back"><i class="fa fa-twitter icon-border-2"></i></div></a></li>
						  <li><a href="#" class="instagram">
							  <div class="front"><i class="fa fa-google-plus icon-border-2"></i></div>
							  <div class="back"><i class="fa fa-google-plus icon-border-2"></i></div></a></li>
						  <li><a href="#" class="pinterest">
							  <div class="front"><i class="fa fa-rss icon-border-2"></i></div>
							  <div class="back"><i class="fa fa-rss icon-border-2" ></i></div></a></li>
					</ul>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
<!-- //team -->

<!-- Counter -->
	<div class="services-bottom">
		<div class="container">
		<div class="counter-agile">
			<div class="counter-subw3l">
				<p>Solar Power</p>
			</div>
			<div class="col-md-3 agileits_w3layouts_about_counter_left c1">
				<p class="counter">786</p> 
				<h3>FINISHED PROJECTS</h3>
			</div>
			<div class="col-md-3 agileits_w3layouts_about_counter_left c2">
				<p class="counter">180</p> 
				<h3>HAPPY CLIENTS</h3>
			</div>
			<div class="col-md-3 agileits_w3layouts_about_counter_left c3">
				<p class="counter">760</p>
				<h3>SATISFIED EMPLOYEES</h3>
			</div>
			<div class="col-md-3 agileits_w3layouts_about_counter_left c4">
				<p class="counter">1100</p>
				<h3>Best Services</h3>
			</div>
			<div class="clearfix"> </div>
		</div>
		</div>
	</div>
<!-- //Counter -->

<!-- Middle-Section -->
	<div class="agile-w3">
		<div class="container">
			<div class="agileits-w3-2">
				<div class="col-md-8 w3-nature">
					<p>The Advanced Solar Emporium</p>
				</div>
				<div class="col-md-4 agileits_w3layouts">
					<ul>
						<li>POWER AND ENERGY</li>
						<li>NEWEST TECHNOLOGIES</li>
						<li>TECHNICAL DEVELOPMENT</li>
					</ul>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="wthree_banner_info">
				<div class="col-md-4 wthree_banner_info_left">
					<div class="col-xs-4 wthree_banner_info_left_grid">
						<div class="wthree_banner_info_left_grid1">
							<i class="fa fa-lightbulb-o" aria-hidden="true"></i>
						</div>
					</div>
					<div class="col-xs-8 wthree_banner_info_left_grid_left">
						<h3>DEVELOPMENT IDEAS</h3>
						<p>Duis aute irure</p>
					</div>
					<div class="clearfix"> </div>
				</div>
				<div class="col-md-4 wthree_banner_info_left">
					<div class="col-xs-4 w3l_banner_info_left_grid">
						<div class="wthree_banner_info_left_grid1">
							<i class="fa fa-thumbs-up" aria-hidden="true"></i>
						</div>
					</div>
					<div class="col-xs-8 wthree_banner_info_left_grid_left">
						<h3>TECHNICAL SUPPORT</h3>
						<p>Duis aute irure</p>
					</div>
					<div class="clearfix"> </div>
				</div>
				<div class="col-md-4 wthree_banner_info_left">
					<div class="col-xs-4 wthree_banner_info_left_grid">
						<div class="wthree_banner_info_left_grid1">
							<i class="fa fa-bullhorn" aria-hidden="true"></i>
						</div>
					</div>
					<div class="col-xs-8 wthree_banner_info_left_grid_left">
						<h3>PROJECTS ADVERTISING</h3>
						<p>Duis aute irure</p>
					</div>
					<div class="clearfix"> </div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
<!-- //Middle-Section -->

<!-- gallery -->
	<div class="gallery" id="gallery">
		<h3>Our Gallery</h3>
		<span>See Our Best Projects</span>
		<div class="w3agile_gallery_grids">
			<div class="col-md-3 w3agile_gallery_grid">
				<div class="w3agile_gallery_image">
					<a class="sb" href="images/g1.jpg" title="quis nostrud exercitation ullamco laboris quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur">
						<figure>
							<img src="images/g1.jpg" alt="" class="img-responsive" />
							<figcaption>
								<h4>Solar Power</h4>
								<p>
									Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.
								</p>
							</figcaption>
						</figure>
					</a>
				</div>
			</div>
			<div class="col-md-3 w3agile_gallery_grid">
				<div class="w3agile_gallery_image">
					<a class="sb" title="quis nostrud exercitation ullamco laboris quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur" href="images/g2.jpg">
						<figure>
							<img src="images/g2.jpg" alt="" class="img-responsive" />
							<figcaption>
								<h4>Solar Power</h4>
								<p>
									Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.
								</p>
							</figcaption>
						</figure>
					</a>
				</div>
			</div>
			<div class="col-md-3 w3agile_gallery_grid">
				<div class="w3agile_gallery_image">
					<a class="sb" title="quis nostrud exercitation ullamco laboris quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur" href="images/g3.jpg">
						<figure>
							<img src="images/g3.jpg" alt="" class="img-responsive" />
							<figcaption>
								<h4>Solar Power</h4>
								<p>
									Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.
								</p>
							</figcaption>
						</figure>
					</a>
				</div>
			</div>
			<div class="col-md-3 w3agile_gallery_grid w3-agileits">
				<div class="w3agile_gallery_image">
					<a class="sb" title="quis nostrud exercitation ullamco laboris quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur" href="images/g8.jpg">
						<figure>
							<img src="images/g8.jpg" alt="" class="img-responsive" />
							<figcaption>
								<h4>Solar Power</h4>
								<p>
									Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.
								</p>
							</figcaption>
						</figure>
					</a>
				</div>
			</div>
			<div class="col-md-3 w3agile_gallery_grid w3-agileits">
				<div class="w3agile_gallery_image">
					<a class="sb" title="quis nostrud exercitation ullamco laboris quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur" href="images/g4.jpg">
						<figure>
							<img src="images/g4.jpg" alt="" class="img-responsive" />
							<figcaption>
								<h4>Solar Power</h4>
								<p>
									Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.
								</p>
							</figcaption>
						</figure>
					</a>
				</div>
			</div>
			<div class="col-md-3 w3agile_gallery_grid w3-agileits">
				<div class="w3agile_gallery_image">
					<a class="sb" title="quis nostrud exercitation ullamco laboris quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur" href="images/g7.jpg">
						<figure>
							<img src="images/g7.jpg" alt="" class="img-responsive" />
							<figcaption>
								<h4>Solar Power</h4>
								<p>
									Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.
								</p>
							</figcaption>
						</figure>
					</a>
				</div>
			</div>
			<div class="col-md-3 w3agile_gallery_grid">
				<div class="w3agile_gallery_image">
					<a class="sb" title="quis nostrud exercitation ullamco laboris quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur" href="images/g6.jpg">
						<figure>
							<img src="images/g6.jpg" alt="" class="img-responsive" />
							<figcaption>
								<h4>Solar Power</h4>
								<p>
									Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.
								</p>
							</figcaption>
						</figure>
					</a>
				</div>
			</div>
			<div class="col-md-3 w3agile_gallery_grid">
				<div class="w3agile_gallery_image">
					<a class="sb" title="quis nostrud exercitation ullamco laboris quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum" href="images/g5.jpg">
						<figure>
							<img src="images/g5.jpg" alt="" class="img-responsive" />
							<figcaption>
								<h4>Solar Power</h4>
								<p>
									Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.
								</p>
							</figcaption>
						</figure>
					</a>
				</div>
			</div>
		   <div class="clearfix"> </div>
		</div>
		
	</div>
<!-- //gallery -->
	
<!-- testimonials -->
	<div class="testimonials">
		<div class="container">
			<h3>testimonials</h3>
			<span>what our customers say</span>
			<div class="w3_testimonials_grids">
				<section class="slider">
					<div class="flexslider">
						<ul class="slides">
							<li>	
								<div class="w3_testimonials_grid">
									<img src="images/tes1.jpg" alt=" " class="img-responsive" />
									<h4><i><img src="images/left-quote.png" alt="">Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil 
										impedit quo minus id quod possimus, omnis voluptas.<img src="images/right-quote.png" alt=""></i></h4>
									<h5>John Frank</h5>
									<p>Tempore Quo</p>
								</div>
							</li>
							<li>	
								<div class="w3_testimonials_grid">
									<img src="images/tes2.jpg" alt=" " class="img-responsive" />
									<h4><i><img src="images/left-quote.png" alt="">Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil 
										impedit quo minus id quod possimus, omnis voluptas.<img src="images/right-quote.png" alt=""></i></h4>
									<h5>Michael Doe</h5>
									<p>Maxime Omni</p>
								</div>
							</li>
							<li>	
								<div class="w3_testimonials_grid">
									<img src="images/tes3.jpg" alt=" " class="img-responsive" />
									<h4><i><img src="images/left-quote.png" alt="">Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil 
										impedit quo minus id quod possimus, omnis voluptas.<img src="images/right-quote.png" alt=""></i></h4>
									<h5>Thomas Carl</h5>
									<p>Placeat Quo</p>
								</div>
							</li>
						</ul>
					</div>
				</section>
				
			</div>
		</div>
	</div>
<!-- //Testimonials -->

<!-- //Contact -->
	<div class="contact" id="contact">
		<div class="container">
			<h3 class="tittle">Contact Us</h3>	
				<span>Get In Touch</span>
				<div class="contact-grid1">
					<div class="contact-top1">
						<form action="#" method="post">
							<div class="form-group">
								<label>Name*</label>
								<input type="text" name="Name" placeholder="Name" required="">
							</div>
							<div class="form-group">
								<label>E-mail*</label>
								<input type="email" name="E-mail" placeholder="E-mail" required="">
							</div>
							<div class="form-group">
								<label>Phone Number*</label>
								<input type="text" name="number" placeholder="Phone Number" required="">
							</div>
							<div class="form-group">
								<label>Message*</label>
									<textarea placeholder name="Message"></textarea>
							</div>
								<input type="submit" value="Send">
						</form>
					</div>
				</div>
		</div>
	</div>
	<!---<div class="google-map">
		<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3023.9503398796587!2d-73.9940307!3d40.719109700000004!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c25a27e2f24131%3A0x64ffc98d24069f02!2sCANADA!5e0!3m2!1sen!2sin!4v1441710758555"></iframe>
	</div>--->
<!-- //Contact -->
			
<!-- news letter -->
	<div class="subscribe text-center" id="subscribe">
		<div class="container">
			<div class="col-md-4 title">
				<h3>Subscribe Here <span class="glyphicon glyphicon-hand-right" aria-hidden="true"></span></h3>
				<p>Lorem Ipsum is simply dummy printing.</p>
			</div>
			<div class="col-md-8 title-w3l">
				<form action="#" method="post">
					<input placeholder="Enter Email Address" class="user" name="email" type="email" required="">
					<input type="submit" value="Subscribe">
				</form>
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
<!-- //news letter -->	
			
<!-- footer -->
		<footer>
			<div class="w3ls-footer-grids">
				<div class="container">
					<div class="col-md-3 w3l-footer one">
						<h2>Solar Power</h2>
						<p> Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of Latin at Hampden-Sydney College in Virginia from a Lorem Ipsum passage, undoubtable source.</p>
						<p class="adam">- Mark Thomson, CEO</p>
						<div class="clearfix"></div>
					</div>
					<div class="col-md-3 w3l-footer agileinfo_footer_grid">
						<h3>Navigation</h3>					
						<div class="nav-w3-l">
							<ul>
								<li><a href="index.html" >Home</a></li>
								<li><a href="#about" class="scroll" >About Us</a></li>
								<li><a href="#team" class="scroll" >Team</a></li>
								<li><a href="#gallery" class="scroll" >Gallery</a></li>
								<li><a href="#contact" class="scroll" >Contact Us</a></li>
							</ul>
						</div>
					</div>
					<div class="col-md-3 w3l-footer two">
						<h3>Keep Connected</h3>
						<ul>
							<li><a class="fb" href="#"><i class="fa fa-facebook"></i>Like us on Facebook</a></li>
							<li><a class="fb1" href="#"><i class="fa fa-twitter"></i>Follow us on Twitter</a></li>
							<li><a class="fb2" href="#"><i class="fa fa-google-plus"></i>Add us on Google Plus</a></li>
							<li><a class="fb3" href="#"><i class="fa fa-dribbble"></i>Follow us on Dribbble</a></li>
							<li><a class="fb4" href="#"><i class="fa fa-pinterest-p"></i>Follow us on Pinterest</a></li>
						</ul>
					</div>
					<div class="col-md-3 w3l-footer three">
						<h3>Address</h3>
						<ul>
							<li><i class="fa fa-map-marker"></i><p>The company name <span>Lorem ipsum dolor,</span>New York,Morris Park. </p><div class="clearfix"></div> </li>
							<li><i class="fa fa-phone"></i><p>1234567890</p> <div class="clearfix"></div> </li>
							<li><i class="fa fa-envelope-o"></i><a href="mailto:info@example.com">mail@example.com</a> <div class="clearfix"></div></li>
						</ul>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
			<div class="copy-right-grids">
				<div class="container">
					<div class="copy-left">
						<p class="footer-gd">Copyright &copy; 2017.Company name All rights reserved.<a target="_blank" href="http://guantaow.taobao.com/">厚朴网络淘宝店</a><a target="_blank" href="http://www.moobnn.com">网页模板</a></p>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
		</footer>
<!-- //footer -->

<!-- js-scripts -->			
	
		<!-- js -->
			<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
			<script type="text/javascript" src="js/bootstrap.js"></script> <!-- Necessary-JavaScript-File-For-Bootstrap --> 
		<!-- //js -->
	
		<!-- Baneer-js -->
			<script src="js/responsiveslides.min.js"></script>
			<script>
						// You can also use "$(window).load(function() {"
						$(function () {
						  // Slideshow 4
						  $("#slider4").responsiveSlides({
							auto: true,
							pager:true,
							nav:false,
							speed: 500,
							namespace: "callbacks",
							before: function () {
							  $('.events').append("<li>before event fired.</li>");
							},
							after: function () {
							  $('.events').append("<li>after event fired.</li>");
							}
						  });
					
						});
			</script>
			<script>
								// You can also use "$(window).load(function() {"
								$(function () {
								  // Slideshow 4
								  $("#slider3").responsiveSlides({
									auto: true,
									pager:false,
									nav:true,
									speed: 500,
									namespace: "callbacks",
									before: function () {
									  $('.events').append("<li>before event fired.</li>");
									},
									after: function () {
									  $('.events').append("<li>after event fired.</li>");
									}
								  });
							
								});
							 </script>

		<!-- //Baneer-js -->
		
		<!-- gallery -->
			<script type="text/javascript" src="js/smoothbox.jquery2.js"></script>
		<!-- //gallery -->
		
		<!-- flexSlider -->
					<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" property="" />
					<script defer src="js/jquery.flexslider.js"></script>
					<script type="text/javascript">
					$(window).load(function(){
					  $('.flexslider').flexslider({
						animation: "slide",
						start: function(slider){
						  $('body').removeClass('loading');
						}
					  });
					});
				  </script>
		<!-- //flexSlider -->
		
		<!-- js for navigation -->
			<script src="js/classie.js"></script>
			<script src="js/nav.js"></script>
			<script src="js/main.js"></script>
		<!-- //js for navigation -->

		
		<!-- Stats-Number-Scroller-Animation-JavaScript -->
				<script src="js/waypoints.min.js"></script> 
				<script src="js/counterup.min.js"></script> 
				<script>
					jQuery(document).ready(function( $ ) {
						$('.counter').counterUp({
							delay: 100,
							time: 1000
						});
					});
				</script>
		<!-- //Stats-Number-Scroller-Animation-JavaScript -->

		
		<!-- start-smoth-scrolling -->
				<script type="text/javascript" src="js/move-top.js"></script>
				<script type="text/javascript" src="js/easing.js"></script>
				<script type="text/javascript">
					jQuery(document).ready(function($) {
						$(".scroll").click(function(event){		
							event.preventDefault();
							$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
						});
					});
				</script>
		<!-- start-smoth-scrolling -->

		<!-- smooth scrolling-bottom-to-top -->
				<script type="text/javascript">
					$(document).ready(function() {
					/*
						var defaults = {
						containerID: 'toTop', // fading element id
						containerHoverID: 'toTopHover', // fading element hover id
						scrollSpeed: 1200,
						easingType: 'linear' 
						};
					*/								
					$().UItoTop({ easingType: 'easeOutQuart' });
					});
				</script>
				<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
		<!-- //smooth scrolling-bottom-to-top -->
	
<!-- //js-scripts -->
</body>
</html>